<template>
    <p>Bon儿子</p>
    <slot name="header" :sonName="name">这是Bon儿子的具名插槽header的内容</slot>
    <p>中间部分</p>
    <slot name="footer">这是Bon儿子的具名插槽footer的内容</slot>
</template>

<script>
 export default{
    data(){
    return{
        name:"Bom"
    }
  }

 }

</script>